import React, { useContext } from 'react';
import { LayoutContext } from '@gluestack/design-system';

function Figma() {
  const { colorMode } = useContext(LayoutContext);
  return colorMode === 'light' ? (
    <svg
      width={113}
      height={73}
      viewBox="0 0 113 73"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g filter="url(#filter0_ii_12110_46510)">
        <rect
          x="0.664062"
          y="0.600189"
          width={112}
          height={72}
          rx={8}
          fill="white"
        />
        <g clipPath="url(#clip0_12110_46510)">
          <path
            d="M23.9922 46.7564C25.8516 46.7564 27.3516 45.2564 27.3516 43.3971V40.0377H23.9922C22.1328 40.0377 20.6328 41.5377 20.6328 43.3971C20.6328 45.2564 22.1328 46.7564 23.9922 46.7564Z"
            fill="#0ACF83"
          />
          <path
            d="M20.6328 36.6783C20.6328 34.8189 22.1328 33.3189 23.9922 33.3189H27.3516V40.0377H23.9922C22.1328 40.0377 20.6328 38.5377 20.6328 36.6783Z"
            fill="#A259FF"
          />
          <path
            d="M20.6328 29.9596C20.6328 28.1002 22.1328 26.6002 23.9922 26.6002H27.3516V33.3189H23.9922C22.1328 33.3189 20.6328 31.8189 20.6328 29.9596Z"
            fill="#F24E1E"
          />
          <path
            d="M27.3516 26.6002H30.7109C32.5703 26.6002 34.0703 28.1002 34.0703 29.9596C34.0703 31.8189 32.5703 33.3189 30.7109 33.3189H27.3516V26.6002Z"
            fill="#FF7262"
          />
          <path
            d="M34.0703 36.6783C34.0703 38.5377 32.5703 40.0377 30.7109 40.0377C28.8516 40.0377 27.3516 38.5377 27.3516 36.6783C27.3516 34.8189 28.8516 33.3189 30.7109 33.3189C32.5703 33.3189 34.0703 34.8189 34.0703 36.6783Z"
            fill="#1ABCFE"
          />
        </g>
        <path
          d="M44.0774 43.6002V30.1225H52.1587V31.5703H45.7094V36.1243H51.5533V37.5721H45.7094V43.6002H44.0774ZM54.7434 43.6002V33.4919H56.2965V43.6002H54.7434ZM55.5331 31.8072C55.2304 31.8072 54.9693 31.7041 54.75 31.4979C54.535 31.2917 54.4275 31.0438 54.4275 30.7543C54.4275 30.4647 54.535 30.2168 54.75 30.0106C54.9693 29.8044 55.2304 29.7013 55.5331 29.7013C55.8358 29.7013 56.0947 29.8044 56.3096 30.0106C56.529 30.2168 56.6387 30.4647 56.6387 30.7543C56.6387 31.0438 56.529 31.2917 56.3096 31.4979C56.0947 31.7041 55.8358 31.8072 55.5331 31.8072ZM63.2212 47.6014C62.471 47.6014 61.8261 47.5049 61.2864 47.3118C60.7468 47.1232 60.2971 46.8731 59.9374 46.5616C59.582 46.2545 59.299 45.9254 59.0884 45.5745L60.3256 44.7058C60.466 44.89 60.6437 45.1006 60.8587 45.3375C61.0737 45.5788 61.3676 45.7872 61.7405 45.9627C62.1178 46.1426 62.6114 46.2326 63.2212 46.2326C64.0373 46.2326 64.7107 46.0351 65.2416 45.6403C65.7724 45.2454 66.0379 44.6268 66.0379 43.7845V41.7312H65.9062C65.7922 41.9155 65.6298 42.1436 65.4193 42.4156C65.2131 42.6832 64.9147 42.9224 64.5242 43.1329C64.1382 43.3391 63.6161 43.4422 62.958 43.4422C62.142 43.4422 61.4093 43.2492 60.76 42.8631C60.115 42.477 59.6039 41.9155 59.2266 41.1784C58.8537 40.4414 58.6672 39.5464 58.6672 38.4934C58.6672 37.458 58.8493 36.5564 59.2135 35.7887C59.5776 35.0165 60.0843 34.4198 60.7336 33.9986C61.383 33.5731 62.1332 33.3603 62.9843 33.3603C63.6424 33.3603 64.1645 33.47 64.5506 33.6893C64.941 33.9043 65.2394 34.15 65.4456 34.4264C65.6562 34.6984 65.8185 34.9222 65.9326 35.0977H66.0905V33.4919H67.591V43.8897C67.591 44.7584 67.3935 45.4648 66.9987 46.0088C66.6082 46.5572 66.0817 46.9586 65.4193 47.2131C64.7612 47.472 64.0285 47.6014 63.2212 47.6014ZM63.1686 42.0471C63.7916 42.0471 64.318 41.9045 64.748 41.6193C65.178 41.3342 65.5048 40.924 65.7286 40.3887C65.9523 39.8535 66.0642 39.2129 66.0642 38.4671C66.0642 37.7388 65.9545 37.0961 65.7351 36.5389C65.5158 35.9817 65.1911 35.5452 64.7612 35.2293C64.3312 34.9134 63.8003 34.7555 63.1686 34.7555C62.5105 34.7555 61.9621 34.9222 61.5234 35.2556C61.089 35.589 60.7622 36.0365 60.5428 36.5981C60.3278 37.1597 60.2203 37.7827 60.2203 38.4671C60.2203 39.169 60.33 39.7898 60.5494 40.3295C60.7731 40.8647 61.1022 41.2859 61.5365 41.593C61.9752 41.8957 62.5193 42.0471 63.1686 42.0471ZM70.4339 43.6002V33.4919H71.9343V35.0713H72.066C72.2766 34.5317 72.6166 34.1127 73.086 33.8144C73.5554 33.5117 74.1192 33.3603 74.7773 33.3603C75.4442 33.3603 75.9992 33.5117 76.4423 33.8144C76.8898 34.1127 77.2386 34.5317 77.4886 35.0713H77.5939C77.8528 34.5493 78.241 34.1347 78.7587 33.8275C79.2764 33.516 79.8972 33.3603 80.6211 33.3603C81.5249 33.3603 82.2642 33.6433 82.8389 34.2092C83.4136 34.7708 83.701 35.6461 83.701 36.835V43.6002H82.1479V36.835C82.1479 36.0892 81.9439 35.5561 81.5359 35.2359C81.1279 34.9156 80.6475 34.7555 80.0947 34.7555C79.3839 34.7555 78.8333 34.9704 78.4429 35.4004C78.0524 35.8259 77.8572 36.3656 77.8572 37.0193V43.6002H76.2777V36.6771C76.2777 36.1023 76.0913 35.6395 75.7184 35.2885C75.3454 34.9331 74.865 34.7555 74.2771 34.7555C73.8735 34.7555 73.4962 34.8629 73.1452 35.0779C72.7986 35.2929 72.5179 35.5912 72.3029 35.9729C72.0923 36.3502 71.987 36.7868 71.987 37.2825V43.6002H70.4339ZM89.5152 43.8371C88.8747 43.8371 88.2934 43.7165 87.7713 43.4752C87.2492 43.2295 86.8346 42.8763 86.5275 42.4156C86.2204 41.9506 86.0668 41.389 86.0668 40.7309C86.0668 40.1518 86.1809 39.6824 86.409 39.3226C86.6372 38.9585 86.9421 38.6733 87.3238 38.4671C87.7055 38.2609 88.1267 38.1073 88.5873 38.0064C89.0524 37.9011 89.5196 37.8178 89.9891 37.7563C90.6033 37.6774 91.1012 37.6181 91.4829 37.5787C91.869 37.5348 92.1498 37.4624 92.3253 37.3615C92.5052 37.2606 92.5951 37.0851 92.5951 36.835V36.7824C92.5951 36.1331 92.4174 35.6285 92.062 35.2688C91.7111 34.909 91.178 34.7291 90.4629 34.7291C89.7214 34.7291 89.1401 34.8915 88.7189 35.2161C88.2978 35.5408 88.0016 35.8874 87.8305 36.2559L86.3564 35.7294C86.6196 35.1152 86.9706 34.637 87.4093 34.2948C87.8525 33.9482 88.3351 33.7069 88.8571 33.5709C89.3836 33.4305 89.9013 33.3603 90.4102 33.3603C90.7349 33.3603 91.1078 33.3998 91.529 33.4788C91.9546 33.5533 92.3648 33.7091 92.7596 33.946C93.1589 34.1829 93.4901 34.5405 93.7533 35.0187C94.0166 35.4969 94.1482 36.1374 94.1482 36.9403V43.6002H92.5951V42.2314H92.5161C92.4108 42.4507 92.2353 42.6854 91.9897 42.9355C91.744 43.1856 91.4171 43.3984 91.0091 43.5739C90.6011 43.7494 90.1031 43.8371 89.5152 43.8371ZM89.7521 42.4419C90.3664 42.4419 90.8841 42.3213 91.3052 42.08C91.7308 41.8387 92.0511 41.5272 92.2661 41.1455C92.4854 40.7638 92.5951 40.3624 92.5951 39.9412V38.5197C92.5293 38.5987 92.3845 38.6711 92.1608 38.7369C91.9414 38.7983 91.6869 38.8532 91.3974 38.9014C91.1122 38.9453 90.8336 38.9848 90.5616 39.0199C90.294 39.0506 90.0768 39.0769 89.9101 39.0989C89.5065 39.1515 89.1292 39.237 88.7782 39.3555C88.4316 39.4696 88.1508 39.6429 87.9358 39.8754C87.7252 40.1035 87.6199 40.415 87.6199 40.8099C87.6199 41.3495 87.8196 41.7575 88.2188 42.0339C88.6224 42.3059 89.1335 42.4419 89.7521 42.4419Z"
          fill="black"
        />
      </g>
      <defs>
        <filter
          id="filter0_ii_12110_46510"
          x="0.664062"
          y="0.600189"
          width={112}
          height={72}
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feMorphology
            radius={1}
            operator="erode"
            in="SourceAlpha"
            result="effect1_innerShadow_12110_46510"
          />
          <feOffset />
          <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0"
          />
          <feBlend
            mode="normal"
            in2="shape"
            result="effect1_innerShadow_12110_46510"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset dx={-1} dy={-1} />
          <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
          />
          <feBlend
            mode="normal"
            in2="effect1_innerShadow_12110_46510"
            result="effect2_innerShadow_12110_46510"
          />
        </filter>
        <clipPath id="clip0_12110_46510">
          <rect
            width={20}
            height={20}
            fill="white"
            transform="translate(16.8828 26.6002)"
          />
        </clipPath>
      </defs>
    </svg>
  ) : (
    <svg
      width={113}
      height={73}
      viewBox="0 0 113 73"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g filter="url(#filter0_ii_11109_118495)">
        <rect
          x="0.664062"
          y="0.600189"
          width={112}
          height={72}
          rx={8}
          fill="white"
          fillOpacity="0.16"
        />
        <rect
          x="0.664062"
          y="0.600189"
          width={112}
          height={72}
          rx={8}
          fill="url(#paint0_radial_11109_118495)"
        />
        <g clipPath="url(#clip0_11109_118495)">
          <path
            d="M23.9922 46.7564C25.8516 46.7564 27.3516 45.2564 27.3516 43.3971V40.0377H23.9922C22.1328 40.0377 20.6328 41.5377 20.6328 43.3971C20.6328 45.2564 22.1328 46.7564 23.9922 46.7564Z"
            fill="#0ACF83"
          />
          <path
            d="M20.6328 36.6783C20.6328 34.8189 22.1328 33.3189 23.9922 33.3189H27.3516V40.0377H23.9922C22.1328 40.0377 20.6328 38.5377 20.6328 36.6783Z"
            fill="#A259FF"
          />
          <path
            d="M20.6328 29.9596C20.6328 28.1002 22.1328 26.6002 23.9922 26.6002H27.3516V33.3189H23.9922C22.1328 33.3189 20.6328 31.8189 20.6328 29.9596Z"
            fill="#F24E1E"
          />
          <path
            d="M27.3516 26.6002H30.7109C32.5703 26.6002 34.0703 28.1002 34.0703 29.9596C34.0703 31.8189 32.5703 33.3189 30.7109 33.3189H27.3516V26.6002Z"
            fill="#FF7262"
          />
          <path
            d="M34.0703 36.6783C34.0703 38.5377 32.5703 40.0377 30.7109 40.0377C28.8516 40.0377 27.3516 38.5377 27.3516 36.6783C27.3516 34.8189 28.8516 33.3189 30.7109 33.3189C32.5703 33.3189 34.0703 34.8189 34.0703 36.6783Z"
            fill="#1ABCFE"
          />
        </g>
        <path
          d="M44.0774 43.6002V30.1225H52.1587V31.5703H45.7094V36.1243H51.5533V37.5721H45.7094V43.6002H44.0774ZM54.7434 43.6002V33.4919H56.2965V43.6002H54.7434ZM55.5331 31.8072C55.2304 31.8072 54.9693 31.7041 54.75 31.4979C54.535 31.2917 54.4275 31.0438 54.4275 30.7543C54.4275 30.4647 54.535 30.2168 54.75 30.0106C54.9693 29.8044 55.2304 29.7013 55.5331 29.7013C55.8358 29.7013 56.0947 29.8044 56.3096 30.0106C56.529 30.2168 56.6387 30.4647 56.6387 30.7543C56.6387 31.0438 56.529 31.2917 56.3096 31.4979C56.0947 31.7041 55.8358 31.8072 55.5331 31.8072ZM63.2212 47.6014C62.471 47.6014 61.8261 47.5049 61.2864 47.3118C60.7468 47.1232 60.2971 46.8731 59.9374 46.5616C59.582 46.2545 59.299 45.9254 59.0884 45.5745L60.3256 44.7058C60.466 44.89 60.6437 45.1006 60.8587 45.3375C61.0737 45.5788 61.3676 45.7872 61.7405 45.9627C62.1178 46.1426 62.6114 46.2326 63.2212 46.2326C64.0373 46.2326 64.7107 46.0351 65.2416 45.6403C65.7724 45.2454 66.0379 44.6268 66.0379 43.7845V41.7312H65.9062C65.7922 41.9155 65.6298 42.1436 65.4193 42.4156C65.2131 42.6832 64.9147 42.9224 64.5242 43.1329C64.1382 43.3391 63.6161 43.4422 62.958 43.4422C62.142 43.4422 61.4093 43.2492 60.76 42.8631C60.115 42.477 59.6039 41.9155 59.2266 41.1784C58.8537 40.4414 58.6672 39.5464 58.6672 38.4934C58.6672 37.458 58.8493 36.5564 59.2135 35.7887C59.5776 35.0165 60.0843 34.4198 60.7336 33.9986C61.383 33.5731 62.1332 33.3603 62.9843 33.3603C63.6424 33.3603 64.1645 33.47 64.5506 33.6893C64.941 33.9043 65.2394 34.15 65.4456 34.4264C65.6562 34.6984 65.8185 34.9222 65.9326 35.0977H66.0905V33.4919H67.591V43.8897C67.591 44.7584 67.3935 45.4648 66.9987 46.0088C66.6082 46.5572 66.0817 46.9586 65.4193 47.2131C64.7612 47.472 64.0285 47.6014 63.2212 47.6014ZM63.1686 42.0471C63.7916 42.0471 64.318 41.9045 64.748 41.6193C65.178 41.3342 65.5048 40.924 65.7286 40.3887C65.9523 39.8535 66.0642 39.2129 66.0642 38.4671C66.0642 37.7388 65.9545 37.0961 65.7351 36.5389C65.5158 35.9817 65.1911 35.5452 64.7612 35.2293C64.3312 34.9134 63.8003 34.7555 63.1686 34.7555C62.5105 34.7555 61.9621 34.9222 61.5234 35.2556C61.089 35.589 60.7622 36.0365 60.5428 36.5981C60.3278 37.1597 60.2203 37.7827 60.2203 38.4671C60.2203 39.169 60.33 39.7898 60.5494 40.3295C60.7731 40.8647 61.1022 41.2859 61.5365 41.593C61.9752 41.8957 62.5193 42.0471 63.1686 42.0471ZM70.4339 43.6002V33.4919H71.9343V35.0713H72.066C72.2766 34.5317 72.6166 34.1127 73.086 33.8144C73.5554 33.5117 74.1192 33.3603 74.7773 33.3603C75.4442 33.3603 75.9992 33.5117 76.4423 33.8144C76.8898 34.1127 77.2386 34.5317 77.4886 35.0713H77.5939C77.8528 34.5493 78.241 34.1347 78.7587 33.8275C79.2764 33.516 79.8972 33.3603 80.6211 33.3603C81.5249 33.3603 82.2642 33.6433 82.8389 34.2092C83.4136 34.7708 83.701 35.6461 83.701 36.835V43.6002H82.1479V36.835C82.1479 36.0892 81.9439 35.5561 81.5359 35.2359C81.1279 34.9156 80.6475 34.7555 80.0947 34.7555C79.3839 34.7555 78.8333 34.9704 78.4429 35.4004C78.0524 35.8259 77.8572 36.3656 77.8572 37.0193V43.6002H76.2777V36.6771C76.2777 36.1023 76.0913 35.6395 75.7184 35.2885C75.3454 34.9331 74.865 34.7555 74.2771 34.7555C73.8735 34.7555 73.4962 34.8629 73.1452 35.0779C72.7986 35.2929 72.5179 35.5912 72.3029 35.9729C72.0923 36.3502 71.987 36.7868 71.987 37.2825V43.6002H70.4339ZM89.5152 43.8371C88.8747 43.8371 88.2934 43.7165 87.7713 43.4752C87.2492 43.2295 86.8346 42.8763 86.5275 42.4156C86.2204 41.9506 86.0668 41.389 86.0668 40.7309C86.0668 40.1518 86.1809 39.6824 86.409 39.3226C86.6372 38.9585 86.9421 38.6733 87.3238 38.4671C87.7055 38.2609 88.1267 38.1073 88.5873 38.0064C89.0524 37.9011 89.5196 37.8178 89.9891 37.7563C90.6033 37.6774 91.1012 37.6181 91.4829 37.5787C91.869 37.5348 92.1498 37.4624 92.3253 37.3615C92.5052 37.2606 92.5951 37.0851 92.5951 36.835V36.7824C92.5951 36.1331 92.4174 35.6285 92.062 35.2688C91.7111 34.909 91.178 34.7291 90.4629 34.7291C89.7214 34.7291 89.1401 34.8915 88.7189 35.2161C88.2978 35.5408 88.0016 35.8874 87.8305 36.2559L86.3564 35.7294C86.6196 35.1152 86.9706 34.637 87.4093 34.2948C87.8525 33.9482 88.3351 33.7069 88.8571 33.5709C89.3836 33.4305 89.9013 33.3603 90.4102 33.3603C90.7349 33.3603 91.1078 33.3998 91.529 33.4788C91.9546 33.5533 92.3648 33.7091 92.7596 33.946C93.1589 34.1829 93.4901 34.5405 93.7533 35.0187C94.0166 35.4969 94.1482 36.1374 94.1482 36.9403V43.6002H92.5951V42.2314H92.5161C92.4108 42.4507 92.2353 42.6854 91.9897 42.9355C91.744 43.1856 91.4171 43.3984 91.0091 43.5739C90.6011 43.7494 90.1031 43.8371 89.5152 43.8371ZM89.7521 42.4419C90.3664 42.4419 90.8841 42.3213 91.3052 42.08C91.7308 41.8387 92.0511 41.5272 92.2661 41.1455C92.4854 40.7638 92.5951 40.3624 92.5951 39.9412V38.5197C92.5293 38.5987 92.3845 38.6711 92.1608 38.7369C91.9414 38.7983 91.6869 38.8532 91.3974 38.9014C91.1122 38.9453 90.8336 38.9848 90.5616 39.0199C90.294 39.0506 90.0768 39.0769 89.9101 39.0989C89.5065 39.1515 89.1292 39.237 88.7782 39.3555C88.4316 39.4696 88.1508 39.6429 87.9358 39.8754C87.7252 40.1035 87.6199 40.415 87.6199 40.8099C87.6199 41.3495 87.8196 41.7575 88.2188 42.0339C88.6224 42.3059 89.1335 42.4419 89.7521 42.4419Z"
          fill="white"
        />
      </g>
      <defs>
        <filter
          id="filter0_ii_11109_118495"
          x="0.664062"
          y="0.600189"
          width={112}
          height={72}
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity={0} result="BackgroundImageFix" />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feMorphology
            radius={1}
            operator="erode"
            in="SourceAlpha"
            result="effect1_innerShadow_11109_118495"
          />
          <feOffset />
          <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0"
          />
          <feBlend
            mode="normal"
            in2="shape"
            result="effect1_innerShadow_11109_118495"
          />
          <feColorMatrix
            in="SourceAlpha"
            type="matrix"
            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
            result="hardAlpha"
          />
          <feOffset dx={-1} dy={-1} />
          <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
          <feColorMatrix
            type="matrix"
            values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
          />
          <feBlend
            mode="normal"
            in2="effect1_innerShadow_11109_118495"
            result="effect2_innerShadow_11109_118495"
          />
        </filter>
        <radialGradient
          id="paint0_radial_11109_118495"
          cx={0}
          cy={0}
          r={1}
          gradientUnits="userSpaceOnUse"
          gradientTransform="translate(56.6641 36.6002) rotate(32.7352) scale(66.5733 60.5649)"
        >
          <stop stopColor="white" stopOpacity="0.08" />
          <stop offset={1} stopColor="white" stopOpacity={0} />
        </radialGradient>
        <clipPath id="clip0_11109_118495">
          <rect
            width={20}
            height={20}
            fill="white"
            transform="translate(16.8828 26.6002)"
          />
        </clipPath>
      </defs>
    </svg>
  );
}

export default Figma;
